/**
 * Created by Administrator on 2016/6/14.
 */
//浏览器的文件，把浏览器的信息发送给服务器端
//表单的提交,设置一下表单提交的事件，当我点击submit的时候，这个事件就触发了，回调函数执行
$('form').submit(function(e){
    //第一步，阻止默认行为，禁止表单的自动提交。禁止表单的默认行为，默认跳转到action属性的地址中去
    e.preventDefault();
    //第二步，使用post提交，将表单的数据传递给node后台express接收
    //$(this).serialize()收集表单的数据
    var data = $(this).serialize();

    //密码验证
    if($('input[name=password]').val() === $('input[name=rpassword]').val()){
        //第三步，使用post，AJAX操作。$.post()里面有三个参数，第一个是发送的地址，第二个参数是发送的数据，
        // 第三个参数是处理数据的回调函数，这个回调函数当中会返回三个数据status,response,,,
        // 在回调函数中，我们可以接收到服务器给我们的数据内容、
        //data是后端服务器返回给我们的数据操作
        // register是请求的地址，注册页面，data是数据，function是回调函数
        $.post('/register',data,function(data){
            //data里面message是一个返回的信息，例如说注册成功和失败等信息
            $('.modal-body').text(data.message);
            //我们使用JS将带有返回信息的模态框打开
            //关闭弹出框的时候，这行一个回调函数，当返回的code是success的时候，用户已经注册成功了，就条状到signin.html页面中了
            $('#myModal').modal('show').on('hidden.bs.modal',function(){
                //如果注册页面成功的话，跳转到登录界面
                if(data.code == 'success'){
                    location.href = '/signin';
                }
            })
        });
    }else{
        $('.modal-body').text('密码不一致');
        $('#myModal').modal('show');
    }
});
